<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			div#a {
				width: 300px;
				background-image: linear-gradient(#f9fbcb, #f8f8f3);
			}

			div h1 {
				color: white;
				background-color: #518700;
				font-size: 16px;
				text-align: middle;
				text-indent: 1em;
				line-height: 20px;
			}

			div p {
				color: #1a66b3;
				font-size: 12px;
				text-align: middle;
				text-indent: 2em;
				line-height: 18px;
			}
			div p img,div h1 img{
				vertical-align: middle;
			}

			div p a {
				text-decoration: none;
			}

			div p a:hover {
				text-decoration: underline;
			}
		</style>
	</head>
	<body>
		<div id="a">
			<h1>畅销书排行<img src="bang.gif"></h1>
			<p><img src="book_no01.gif">&nbsp;&nbsp;  &nbsp;&nbsp;不抱怨的世界(畅...</p>
			<p><img src="book_no02.gif"> 遇见未知的自己...</p>
			<p><img src="book_no03.gif"> 活法（季羡林、...</p>
			<p><img src="book_no04.gif"> 高效能人士的七个习惯</p>
			<p><img src="book_no05.gif"> 被迫强大（北外女生香奈儿...</p>
			<p><img src="book_no06.gif"> 遇见心想事成的自己（《遇...</p>
			<p><img src="book_no07.gif"> 世界上最伟大的推销员（插...</p>
			<p><img src="book_no08.gif"> 我的成功可以复制（唐骏亲...</p>
			<p><img src="book_no09.gif"> 少有人走的路：心智成熟的...</p>
			<p><img src="book_no10.gif"> 活出全新的自己——唤醒...</p>
		</div>
	</body>
</html>
